function showOverview(){
    initOverviewChartZone();

  	setEChartConfig();
  	showOverviewChart();
  }

  /******************************************
  	 画图区域初始化
   *******************************************/
function initOverviewChartZone(){
	var screenHeight = window.innerHeight;
	var screenWidth = window.innerWidth;
	var chartZonePerc = 0.4;

	document.getElementById('bbtLineChart').style.height = screenHeight * chartZonePerc + "px";

	// 适配, 让动态图片的高度 = 静态图片高度, 静态图片是正方形,
	// 因此让动态图高度 = 动态图宽度 = 屏幕宽度 * 1/2 即可。
	document.getElementById('mensesBarChart').style.height = screenWidth * 0.5 + "px";
	document.getElementById('mucusBarChart').style.height = screenWidth * 0.5 + "px";
}

/******************************************
  	 静态 OR 动态图
  	 显示规则：
  	 1）基础体温：
  	     a. 用户第一条有效温度日期DS 和 最后一条有效温度日期 DE，
  	     b. 如果 DE - DS < 5天，则显示静态图片
  	     c. 如果 DE - DS > 5天，则分2种情况
  	       c1) 如果 DE - DS <= OVERVIEW_SHOW_DAYS_NUM(目前定义为15天)，则显示DS ~ DE 之间的数据
  	       c2) 如果 DE - DS > OVERVIEW_SHOW_DAYS_NUM(目前定义为15天)，则显示DE之前 OVERVIEW_SHOW_DAYS_NUM 天数的数据

  	 2) 月经分析：
  	     a. 至少有一个有效的月经周期真实发生，才显示动态图，否则显示静态图。

  	 3) 宫颈黏液：
  	     a. 累计至少有5条真实的宫颈黏液数据时，才显示动态图，否则显示静态图。
   *******************************************/

  function showOverviewChart(){
   	if(getValidBBTNum() >= 5)
  		showOverviewBBTChart();
 	else
  		showOverviewStaticBBTChart();

  	if(getValidMensesNum() >= 1)
  		showOverviewMensesChart();
  	else
  		showOverviewStaticMensesChart();

  	if(getValidMucusNum() > 5)
  		showOverviewMucusChart();
  	else
  		showOverviewStaticMucusChart();
  }

  function getValidBBTNum(){
    return localStorage.getItem("validBBTNumKey");
  }

  function getValidMensesNum(){
    return localStorage.getItem("atualMensesShowPeriodNumKey");
  }

  function getValidMucusNum(){
    return localStorage.getItem("validMucusNumKey");
  }

  function showOverviewBBTChart(){
  	document.getElementById('bbtLineChart').style.display = "block";
	document.getElementById('staticBBTDiv').style.display = "none";
	drawBBTChart();
  }

  function showOverviewStaticBBTChart(){
  	document.getElementById('bbtLineChart').style.display = "none";
	document.getElementById('staticBBTDiv').style.display = "block";
	document.getElementById('staticBBTImg').src = getStaticBBTImg();
	document.getElementById('currentBBT').innerHTML = getDisplayTempValue(getCurrentBBT()) + getTempUnit();
  }

  function getStaticBBTImg(){
  	var lang = localStorage.getItem("language");

  	if(lang == "chinese")
  		return "img/overview/staticBBT.png";
  	else if(lang == "english")
  		return "img/overview/staticBBTEn.png";
  }


  function getCurrentBBT(){
    var customerDateTemperatureStr = localStorage.getItem("customerDateTemperatureKey");
    var customerDateTemperatureMap = getDateTemperatureMap(customerDateTemperatureStr);
    var temp = customerDateTemperatureMap.get(getCurrentDateStr());

  	return temp;
  }


  function showOverviewMensesChart(){
  	document.getElementById('mensesBarChart').style.display = "inline-block";
	document.getElementById('staticMensesDiv').style.display = "none";
	drawMensesChart();
  }

  function showOverviewStaticMensesChart(){
  	document.getElementById('mensesBarChart').style.display = "none";
	document.getElementById('staticMensesDiv').style.display = "inline-block";
	document.getElementById('staticMensesImg').src = getStaticMensesImg();
	document.getElementById('mensesScore').innerHTML = "85分";
  }

  function getStaticMensesImg(){
    	var lang = localStorage.getItem("language");

    	if(lang == "chinese")
    		return "img/overview/staticMenses.png";
    	else if(lang == "english")
    		return "img/overview/staticMensesEn.png";
  }

  function showOverviewMucusChart(){
  	document.getElementById('mucusBarChart').style.display = "inline-block";
	document.getElementById('staticMucusDiv').style.display = "none";
	drawMucusChart();
  }

  function showOverviewStaticMucusChart(){
  	document.getElementById('mucusBarChart').style.display = "none";
	document.getElementById('staticMucusDiv').style.display = "inline-block";
	document.getElementById('staticMucusImg').src = getStaticMucusImg();
	document.getElementById('mucusScore').innerHTML = "90分";
  }

  function getStaticMucusImg(){
      	var lang = localStorage.getItem("language");

      	if(lang == "chinese")
      		return "img/overview/staticMucus.png";
      	else if(lang == "english")
      		return "img/overview/staticMucusEn.png";
  }

  /******************************************
  	 打开Activity
   *******************************************/
  function openChartActivity(chartActivityClassName){
  	window.OnChartClickListener.openChartActivity("com.ikangtai.shecare.curve." + chartActivityClassName);
  }